<template>
    <div>
        <button :class="['my-button',type]">{{btnTitle}}</button>
    </div>
</template>
<script>
export default {
components: {},
props:{
  type:{
    type:String,
    default:''
  },
  btnTitle:{
    type:String,
    default:''
  }
},
data() {
  return {

  }
},
created(){

},
methods:{

}

}

</script>
<style lang="scss" scoped>
.my-button{
  height: 34px;
  padding:0 15px;
  border-radius: 5px;
  border:none;
  outline: none;
  background-color: #000;
  color: #fff;
  cursor: pointer;
}
.primary{
  color: #fff;
  background-color: #409eff;
}
.success{
  color: #fff;
  background-color: #67c23a;
}
.danger{
  color: #fff;
  background-color: #f56c6c;
}
</style>
